<!-- Begin Left -->
<div class="col-md-7 left line-box">
	<div class="panel panel-fix">
		<div class="panel-heading">
			<h3 class="panel-title"><span class="glyphicon glyphicon-fire"></span><?= $product[$als]['name'] ?></h3>
		</div>
	</div>
	<?php foreach($images as $img):?>
	<div class="image-item"><img src="<?= PUBLIC_DETAIL_SHOW . $img['Image']['image'] ?>" /></div>
	<?php endforeach; ?>

	<?php foreach($attrs as $attr):?>
	<div class="detail mt10">
		<p> <i class="fa fa-caret-right"></i> <span><?= $attr['ProductAtribute']['name'] ?>:</span> <b><?= $attr['ProductAtribute']['value'] ?></b> </p>
	</div>
	<?php endforeach; ?>
	<div class="detail mt10">
		<?= $product[$als]['desc']; ?>
	</div>
</div>
<!-- End left -->


<!-- Begin right -->
<div class="col-md-5 right pl0">
	<div class="panel panel-primary border-none">

		<div class="panel-body">
			<div class="price-fix">Giá: <?= $product[$als]['price'] == 0 ? 'Liên hệ' : @number_format($product[$als]['price']).'đ' ?></div>
			<?php if( !empty( $product[$als]['warranty'] )): ?>
			<span><?= $product[$als]['warranty'] ?></span>
			<?php endif; ; ?>
		</div>
		<div class="panel-footer fix-footer">
			<div id="fb-root"></div>
			<script>(function(d, s, id) {
			  var js, fjs = d.getElementsByTagName(s)[0];
			  if (d.getElementById(id)) return;
			  js = d.createElement(s); js.id = id;
			  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
			  fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));</script>
			<div class="fb-like mr30" data-href="<?= $this->webroot . $product[$als]['als'] .'-d' . $product[$als]['id'] . $ext?>" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>

			<!-- Đặt thẻ này vào phần đầu hoặc ngay trước thẻ đóng phần nội dung của bạn. -->
			<script src="https://apis.google.com/js/platform.js" async defer>
			  {lang: 'vi'}
			</script>
			<!-- Đặt thẻ này vào nơi bạn muốn Nút +1 kết xuất. -->
			<div class="g-plusone" data-size="medium"></div>

			<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

		</div>
	</div>

	<div class="panel panel-primary border-none panel-fix1">
		<div class="panel-heading"> <h3 class="panel-title" style="text-align:center"> Sản phẩm liên quan</h3> </div>
		<div class="">
			<?php if(!empty($products)):?>
			<ul class="product-other">
				<?php foreach($products as $p):?>
				<li class="p-item clearfix">
					<a href="<?= $this->webroot . $p[$als]['als'] .'-d' . $p[$als]['id'] . $ext?>"><img src="<?= PUBLIC_THUMB_SHOW.$p[$als]['thumb'] ?>" alt=""/> </a>
					<a href="<?= $this->webroot . $p[$als]['als'] .'-d' . $p[$als]['id'] . $ext?>"><?= $p[$als]['name'] ?></a> <br/>
					<span>Giá: <?= @number_format($p[$als]['price']) ?>đ</span>
				</li>
				<?php endforeach; ?>
			</ul>
			<?php else: ?>
			<p class="mt20 ml20"><?= __('Không có sản phẩm liên quan') ?></p>
			<?php endif; ?>
		</div>
	</div>
</div>
<!-- End right -->